﻿/*通用*/
html{font: normal 14px / 20px "Microsoft Yahei", Helvetica, Arial, sans-serif; /*background:url(../images/2015-05-07_215805.jpg) top center repeat-y;*/}
.container{max-width:1200px; margin:0 auto;}
a:link{text-decoration:none;}
/*头部*/
.header{ height:128px; background:url(../images/top-bg.jpg) repeat-x; }
.header .logo{ display:block; margin-top:20px; float:left; margin-right:15px;}
.header .tel{ margin-top:36px; color:#1CA5F7; font-weight:bold;}
.header .language{width:198px; height:25px; background:url(../images/language-bg.jpg) no-repeat; text-align:center;}
.header .language a{color:#fff; text-decoration:none; line-height:24px;}
.header .search-box{ margin-top:15px; height:34px; position:relative; overflow:hidden;}

/*导航*/
.nav-bar{ margin-top:20px; }
.nav-bar > ul > li{float:left;position:relative; height:30px;}
.nav-bar > ul > li > a{color:#666; padding:6px 40px; text-decoration:none; font-weight:bold;}
.nav-bar > ul > li > a:hover{color:#333;}
.nav-bar .nav-subm{display:none; position:absolute; top:29px; left:0; z-index:1999; background:#F6F6F6;width:100%; border-bottom-left-radius:6px; border-bottom-right-radius:6px;}
.nav-bar .nav-subm li{ text-align:center; }
.nav-bar .nav-subm li a{ color:#666;display:block; padding:8px 0; transition:all 0.5s;}
.nav-bar .nav-subm li a:hover{color:#333; background:#E7E5E6;}

/*banner*/
.page-banner{ position:relative; z-index:1;}
.picFocus{ margin:0 auto;  width:1200px; position:relative;  overflow:hidden; zoom:1; z-index:2;}
.picFocus .hd{width:1140px; margin:20px auto; overflow:hidden; }
.picFocus .hd ul{ overflow:hidden; zoom:1; }
.picFocus .hd ul li{ background:#05BCBC; color:#fff; 
float:left; text-align:center; width:155px; height:127px;overflow:hidden; cursor:pointer; }
.picFocus .hd ul li img{ margin-top:4px;}
.picFocus .hd ul li:last-child{ margin-left:11px;}
.picFocus .hd ul li:last-child p{ margin-top:44px;}
.picFocus .hd ul li.on{ background:#1C91DE;}
.picFocus .hd a{color:#fff;}
.picFocus .bd li{ vertical-align:middle; }
.picFocus .bd img{ width:1200px; height:400px; display:block;  }

.ad-1{ width:1203px; height:69px; position:relative; background:url(../images/2015-05-07_165206.jpg) no-repeat;}
.ad-1 a{ position:absolute; right:125px; top:22px; color:#f00;}

/*主页产品新闻块*/
.two-block{height:480px; overflow:hidden; margin-top:20px;}
.two-block h3{ line-height:40px; border-bottom:#ccc 1px solid; font-size:16px;}
.index-news-box{ margin-left:15px;}
.index-news-box ul{ margin-top:15px;}
.index-news-box ul li{ margin-bottom:10px;}
.index-news-box ul li a{color:#666;}
.index-news-box span{color:#666;}
.index-pro-box{ margin-top:15px;}
.index-pro-box h2{font-size:18px; margin-left:15px; margin-top:10px; }
.index-pro-box h2 a{color:#666;}
.index-pro-box ul{ margin-left:15px; margin-top:10px; margin-bottom:15px;}
.index-pro-box ul li a{color:#f00;text-decoration:none;}
.index-pro-box .more{color:#0092DC; text-decoration:none; margin-left:15px;}

/*多肽*/
.three-block{ background:#EEE; height:400px; overflow:hidden;}
.three-block hr{border:none; border-top:#ccc 1px solid; margin:0 40px;}
.three-block .in-box{ margin:40px;}
.three-block .in-box h1{color:#1B8FC8; font-size:30px; margin-bottom:30px;}
.three-block .in-box p{text-indent:2em; color:#666;}
.three-block .in-box .more-square{ border:#ccc 1px solid;color:#1B8FC8;  text-align:center;  
font-size:14px; padding:6px 8px; background:#fff; text-decoration:none; float:right; margin:20px 0;}
.three-block .in-box ul{ margin-top:80px;}
.three-block .in-box ul li{ display:inline-block; width:32%; height:30px; line-height:30px;}
.three-block .in-box ul li a{color:#666; text-decoration:none;}

.getbackform{ text-align:center; padding:10px; background:#0085D4; color:#fff; }
.getbackform a{color:#fff; background:#066196; padding:3px 6px;}
.getbackform a:hover{ background:#124B6A;}
.getbackform span{font-size:16px;}
 
/*footer*/
.footer{background:#066196; color:#f2f2f2; padding-top:30px; padding-bottom:20px; overflow:hidden; }
.footer .rightline{ border-right:#f1f1f1 2px dashed;}
.footer dl dt{font-size:16px; margin-bottom:10px;}
.footer dl dt a{color:#fff; font-size:14px;}
.footer dl dd{ margin-bottom:6px;}
.footer dl dd a{color:#f2f2f2; font-size:12px;}
.footer address{ margin-left:10px;}
.footer address p{ margin-bottom:20px; font-size:12px;}
.footer address .y-address{ background:url(../images/ico-home.jpg) no-repeat left; }
.footer address .y-email{background:url(../images/ico-email.jpg) no-repeat left; }
.footer address .y-tel{background:url(../images/ico-map.jpg) no-repeat left;}
.MsoTableElegant tr td{ padding-left:10px;}

.prolists{ margin-left:20px;}
.prolists dd{ float:left; width:170px;}

/*内页*/
.page-container{ width:1140px; margin:20px auto; }
/*左侧产品列表*/
.page-container .ii-side{width:213px; background:url(../images/side-bg.jpg) repeat-y; border-bottom:#E1ECE6 1px solid;}
.page-container .ii-side ul{width:191px; margin-left:6px;}
.page-container .ii-side ul li{ height:32px; line-height:32px; background:#0075C5; margin-bottom:6px; border-radius:4px;}
.page-container .ii-side ul li a{color:#fff; font-size:12px; background:url(../images/ico-side-li.png) no-repeat 10px 45%;}
.page-container .ii-side ul li a span{ margin-left:20px;}
.page-container .ii-side h5{width:191px; margin-left:6px; height:32px; line-height:32px; background:#00C3C5; margin-bottom:6px; border-radius:4px;}
.page-container .ii-side h5 span{color:#fff; font-size:14px; padding-left:20px; background:url(../images/ico-side-li.png) no-repeat 8% 45%;}
.page-container .ii-side h5 span a{color:#fff;}
.parent-side li{ position:relative;}
.parent-side .nav-subm{display:none; position:absolute; left:187px; top:0px; z-index:9;}
.side-contact-content{ background:#008BD0; color:#fff;width:209px; overflow:hidden;}
.side-contact-content p{ margin:10px;font-size:12px;}
.side-contact-box i{display: inline-block; width: 30px;}
.ii-main p{ line-height:2em;}

.newslist-box{width:810px; height:118px; background:#f0f0f0; margin-bottom:40px; padding-top:5px;}
.newslist-box .list-info{ margin-left:15px; overflow:hidden; margin-right:15px; position:relative; height:118px;}
.newslist-box .list-info h3{font-size:16px; color:#333; margin-top:10px;}
.newslist-box .list-info h3 a{color:#333;}
.newslist-box .list-info h3 span{ float:right; font-size:14px; color:#666;}
.newslist-box .list-info .more{ position:absolute; right:15px; bottom:15px;font-size:14px; color:#666;}
.newslist-box:hover{ background:#0075C5;}
.newslist-box:hover h3 a{color:#fff;}
.newslist-box:hover h3 span{color:#fff;}
.newslist-box:hover  .more{color:#fff;}

/*产品*/
.guide{ border-bottom:#ccc 1px solid; padding-bottom:10px;}
.guide h3{font-size:22px; color:#666;}
.guide .guide-info{ font-size:14px; color:#666; float:right; background:url(../images/guide.jpg) no-repeat left 45%; padding-left:20px;}
.guide .guide-info a{color:#666;}

.cateimg{ background:#E9E9E9; border:#ccc 1px solid; text-align:center; padding-top:20px; padding-bottom:20px; overflow:hidden;}
.cateimg h2{ margin-top:10px; color:#0074C4; font-size:1.3em;}
.prolist-box{ margin-top:30px; margin-bottom:20px;}

.prolist-box  dl { margin-left:15px; font-size:16px;height:45px;}
.prolist-box  dl  dt {width: 150px;float: left; overflow: hidden;text-overflow: ellipsis;}
.prolist-box  dl  dt  a{color:#000;}
.prolist-box  dl dd{ width:508px; float:left;}
.prolist-box  dl dd a{ font-size:12px; display:inline-block; color:#333; padding-right:20px;}

.prolist-box ul{margin-left:15px;}
.prolist-box ul li{display:inline-block;width:190px; margin-right:20px; margin-bottom:15px;}
.prolist-box ul li a{font-size:16px; color:#333;}

/*产品列表*/
.protable{width:900px;}
.protable tr td{}
.protable thead{ background:#dedede; height:38px; line-height:38px;}
.protable thead tr td{ font-size:14px; font-weight:bold; text-align:center;}
.protable tbody tr td{height:38px; line-height:38px; padding-left:6px;}
.protable tbody tr td a{color:#333;}
.pages{ text-align:center; background:#f3f3f3;}
.pages li{list-style:none; float:left; border:#efefef 1px solid; margin:0 5px; padding:2px 12px; line-height:24px;}

/*产品详细页*/
.article-content h1{font-size:1.6em; color:#0075C5;}
/* 本例子css */
.slideTxtBox{ width:900px;text-align:left; margin-top:30px;  }
.slideTxtBox .hd{ height:30px; line-height:30px; background:url(../images/2015-05-13_163557.jpg) repeat-x; padding:0 10px 0 20px;   border-radius:6px 6px 0 0;  position:relative; }
.slideTxtBox .hd ul{ float:left;  position:absolute; left:40px; top:2px; height:28px;   }
.slideTxtBox .hd ul li{ float:left; padding:0 22px; cursor:pointer; margin-right:30px; line-height:28px;}
.slideTxtBox .hd ul li.on{ height:28px; background:#fff; border-radius:6px 6px 0 0; color:#0075C5;}
.slideTxtBox .content{border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd; padding:30px;}

.proform h1{font-size:1.4em; color:#0075C5; margin-bottom:15px;}
.proform .form-line{ margin-bottom:6px;}
.proform .form-line label{width:90px; font-size:14px; color:#0075C5; float:left;}
.proform .form-line input{width:330px; border:#ccc 1px solid; height:26px;}
.proform .form-line textarea{border:#ccc 1px solid;width:330px; height:120px;}
.proform .form-line .vcode{width:80px;}
.proform .form-line button{width:100px; height:35px; background:url(../images/2015-05-13_165643.jpg) no-repeat;border:none; cursor:pointer; margin-left:70px;}
/*相关产品*/
.relate-pro{width:294px; border:#ccc 1px solid;}
.relate-pro h3{width:294px; height:68px; background:url(../images/2015-05-13_165940.jpg) no-repeat; text-indent:-9999px;}
.relate-pro ul{ margin:20px;}
.relate-pro ul li{ margin-bottom:10px;}
.relate-pro ul li a{ color:#999;}

/*单页子菜单*/
.subnav{ text-align:right; margin-top:10px; position:relative;}
.subnav a{ display:inline-block; height:34px; line-height:34px; background:#f4f4f4; color:#333; text-align:center; padding:6px 20px; border-radius:4px; margin-bottom:4px;}
.subnav a.c{background:#0075C5; color:#fff;}
.yui3-button{display: inline-block;
  zoom: 1;
  font-size: 100%;
  padding: .4em 1em .45em;
  line-height: normal;
  white-space: nowrap;
  vertical-align: baseline; width:80px;
  text-align: center;
  cursor: pointer;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color: #888;
  color: rgba(0,0,0,0.80);
  border: 1px solid #999;
  border: none rgba(0,0,0,0);
  background-color: #ff6600;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,0.30)),color-stop(40%,rgba(255,255,255,0.15)),to(transparent));
  background-image: -webkit-linear-gradient(rgba(255,255,255,0.30),rgba(255,255,255,0.15) 40%,transparent);
  background-image: -moz-linear-gradient(top,rgba(255,255,255,0.30),rgba(255,255,255,0.15) 40%,transparent);
  background-image: -ms-linear-gradient(rgba(255,255,255,0.30),rgba(255,255,255,0.15) 40%,transparent);
  background-image: -o-linear-gradient(rgba(255,255,255,0.30),rgba(255,255,255,0.15) 40%,transparent);
  background-image: linear-gradient(rgba(255,255,255,0.30),rgba(255,255,255,0.15) 40%,transparent);
  text-decoration: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.25) inset,0 2px 0 rgba(255,255,255,0.30) inset,0 1px 2px rgba(0,0,0,0.15);
  -moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.25) inset,0 2px 0 rgba(255,255,255,0.30) inset,0 1px 2px rgba(0,0,0,0.15);
  box-shadow: 0 0 0 1px rgba(0,0,0,0.25) inset,0 2px 0 rgba(255,255,255,0.30) inset,0 1px 2px rgba(0,0,0,0.15);
  -webkit-transition: .1s linear -webkit-box-shadow;
  -moz-transition: .1s linear -moz-box-shadow;
  -ms-transition: .1s linear box-shadow;
  -o-transition: .1s linear box-shadow;
  transition: .1s linear box-shadow;}


@media (max-width:1200px){
	footer{width:1200px;}
}



